<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>MyHomework</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="../css/style.css" rel="stylesheet" type="text/css" />
		<link href="../css/jquery-ui-1.8.20.custom.css" type="text/css" rel="stylesheet" />
		<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="../js/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
		<script type="text/javascript" language="javascript">
			$(function(){
				$('#tabs').tabs();
				$('#newUserDialog').dialog({
					autoOpen: false,
					modal: true,
					buttons: {
						Create: function(){
							$('#newUserDialog').dialog('close');	
						},
						Cancel: function(){
							$('#newUserDialog').dialog('close');	
						}
					}
				});
				$('.newUser').click(function(){
					$('#newUserDialog').dialog('open');
				});
			});
		</script>
	</head>
	<body>
		<div id="newUserDialog" title="Create new user" class="DialogForm">
			<p class="validateTips">All form fields are required.</p>
		
			<form>
			<fieldset>
				<label for="name">Name</label>
				<input type="text" name="name" id="name" />
				<label for="password">Password</label>
				<input type="password" name="password" id="password" value=""  />				
				<label for="email">Email</label>
				<input type="text" name="email" id="email" value="" />
				<input type="hidden" name="group" value=""  />
			</fieldset>
			</form>
		</div>
		<div class="main">
			<div class="header">
				<div class="header_resize">
					<div class="logo">
						<h1><a href="index.html">My<span>H</span>omework</a><small>OO梦幻队</small></h1>
					</div>

					<div class="menu_nav">
						<ul>
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="profile.html">Profile</a>
							</li>
							<li class="active">
								<a href="manage.html">Managing</a>
							</li>
							<li>
								<a href="about.html">about</a>
							</li>
							<li>
								<a href="../login.html">Logout</a>
							</li>
						</ul>
						<div class="clr"></div>
					</div>
					<div class="clr"></div>
				</div>
			</div>
			<div class="clr"></div>
			<div class="content">
				<div class="content_resize">
					<div class="mainbar">
						<div class="concrete">
							<div id="tabs">
								<ul>
									<li><a href="#tabs-1">Students</a></li>
									<li><a href="#tabs-2">TAs</a></li>
								</ul>
								<div id="tabs-1">
									<h3>Options: <span class="butons"><a href="#" title="new a student" class="newUser">new Student</a> <a href="#" title="upload student list">upload</a></span></h3>	
									
									<h3>Student List</h3>
									<table width="70%">
										<tbody>
											<tr>
												<th width="30%">No.</th>
												<th width="40%">Name</th>
												<th width="30%">Options</th>
											</tr>
											<tr>
												<td>1</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>
											</tr>
											<tr>
												<td>2</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>3</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>4</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>5</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>6</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>7</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>8</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>9</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>10</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
										</tbody>
									</table>
									<div class="paging">
										<span class="butons"><a href="#"><<</a><a href="#" class="active">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a> <a href="#">5</a><a href="#">>></a></span>									
									</div>
								
								</div>
								<div id="tabs-2">
									<h3>Options: <span class="butons"><a href="#" title="new a TA"  class="newUser">new TA</a> <a href="#" title="upload TA list">upload</a></span></h3>													
									<h3>TA List</h3>
									<table width="70%">
										<tbody>
											<tr>
												<th width="30%">No.</th>
												<th width="40%">Name</th>
												<th width="30%">Options</th>
											</tr>
											<tr>
												<td>1</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>
											</tr>
											<tr>
												<td>2</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>3</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>4</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>5</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>6</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>7</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>8</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>9</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
											<tr>
												<td>10</td>
												<td>A君</td>
												<td><span class="butons"><a href="#" title="edit">edit</a><a href="#" title="delete">delete</a></span></td>

											</tr>
										</tbody>
									</table>
									<div class="paging">
										<span class="butons"><a href="#"><<</a><a href="#" class="active">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a> <a href="#">5</a><a href="#">>></a></span>									
									</div>
								
								</div>
							</div>							
						</div>
					</div>
					<div class="sidebar">
						<div class="gadget">
							<h2>Manage</h2>
							<div class="clr"></div>
							<ul class="sb_menu">
								<li class="active">
									<a href="#">users</a>
								</li>
								<li>
									<a href="manageTeams.html">Teams</a>
								</li>						
							</ul>
						</div>
					</div>
					<div class="clr"></div>
				</div>
			</div>
			<div class="footer">
				&copy; Copyright <a href="#">OO梦幻队</a>.
			</div>
		</div>
	</body>
</html>
